export default {
  state: {
    loginState: localStorage.getItem("loginState") == "true",
    list: [1, 2, 3, 4, 5, 6, 7, 8],
  },
  mutations: {
    //   唯一修改数据的方法
    changeLoginState(state, value) {
      // state 上面的state
      //   value 程序中传递过来的参数
      state.loginState = value;
    },
  },
  actions: {
    // 做异步处理的地方，在这里也是需要调用 mutations 改数据
    loginAction(context, value) {
      // context 上下文，可以通过 context 拿到 vuex 中的所有函数
      // console.log(context, value);
      // 在这里可以进行异步的操作
      setTimeout(() => {
        context.commit("changeLoginState", value);
      }, 1000);
    },
  },
  getters: {
    //   计算属性
    len: (state) => state.list.length,
  },
};
